.nav_login {
		width: 100%;
		z-index: 99;

		._nav {
			padding-left: 22rpx;

			.iconfont {
				font-size: 28rpx;
				color: #fff;
			}
		}


	}

	/* 顶部*/
	.inner {
		width: 100%;
		height: 70rpx;
		padding: 0 32rpx;
		box-sizing: border-box;
		justify-content: space-between;
		align-items: flex-start;
		/* border-radius: 64rpx; */

		.cancel {
			width: 90rpx;
			height: 70rpx;
			line-height: 70rpx;
			text-align: right;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #3DFFF2;
		}

		.search_warp {
			display: flex;
			align-items: center;
			padding: 0 20rpx;
			box-sizing: border-box;
			color: rgba(229, 221, 255, 0.2);
			background-color: rgba(229, 221, 255, 0.05);
			border-radius: 1000px;
			width: 592rpx;
			height: 70rpx;

			.icon {
				width: 34rpx;
				height: 34rpx;
			}

			.input_warp {
				margin-left: 16rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #F1EDFF;
			}
		}
	}

	/* 选项卡 */
	.tabs {
		width: 100%;
		box-sizing: border-box;
		padding: 30rpx 30rpx 0rpx 30rpx;
		height: 130rpx;
		font-family: PingFang SC;

		._tab-item-box {
			width: 100%;
			/* overflow: hidden;
			display: flex;
			align-items: center;
			justify-content: space-between; */
		}

		._item {
			/* #ifndef APP-PLUS */
			display: inline-block;
			/* #endif */
			flex-wrap: nowrap;
			padding: 20rpx;
			text-align: center;
			box-sizing: border-box;
			font-size: 30rpx;
			color: rgba(229, 221, 255, 0.2);
			width: 50%;

			&.active {
				font-size: 32rpx;
				color: #F1EDFF;
			}

			.title {
				text-align: center;
			}
		}

		._underline {
			position: relative;
			width: 50%;
			transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);

			.indicator {
				position: relative;
				/* width: 24rpx;
			    height: 8rpx; */
				background: #F1EDFF;
				/* border-radius: 4rpx; */
				max-width: 100%;
				margin: 0 auto;
				/* border-radius: 1px; */

				width: 14rpx;
				height: 6rpx;
				background: #3DFFF2;
				border-radius: 3rpx;



			}


		}
	}

.list_box {
	width: 100%;
	display: flex;
	flex-direction: column;
	
	._item_room {
		padding: 20rpx 32rpx;
		box-sizing: border-box;
		width: 100%;
		height: 150rpx;
		justify-content: space-between;
		
		.left {
			
			.icon {
				width: 110rpx;
				height: 110rpx;
				border-radius: 14rpx;
				overflow: hidden;
				
				&.icon_user {
					border-radius: 110rpx;
				}
			}
			
			.info {
				height: 100%;
				font-family: PingFang SC;
				padding-left: 13rpx;
				box-sizing: border-box;
				
				.name {
					font-size: 28rpx;
					font-weight: bold;
					color: #F1EDFF;
					
					.sex {
						width: 26rpx;
						height: 26rpx;
						margin-left: 12rpx;
					}
				}
				
				.id_val {
					margin-top: 19rpx;
					font-size: 26rpx;
					font-weight: 500;
					color: #E5DDFF;
					opacity: 0.6;
				}
			}
		}
		
		.right {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #F1EDFF;
			
			.hot {
				width: 26rpx;
				height: 26rpx;
			}
		}
	}
}

.nodata {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	padding-top: 230rpx;
	box-sizing: border-box;
	align-items: center;
	
	.nodata_img {
		width: 230rpx;
		height: 230rpx;
	}
	
	.msg {
		margin-top: 20rpx;
		font-size: 22rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #E5DDFF;
		opacity: 0.6;
	}
}